// https://vitepress.dev/guide/custom-theme
import { h } from 'vue'
import { type Theme } from 'vitepress'
import DefaultTheme from 'vitepress/theme'
import { ElementPlusContainer } from '../preview/component/index'
import '../preview/component/styles/various.scss'
import './style.css'

export default {
  extends: DefaultTheme,
  Layout: () => {
    return h(DefaultTheme.Layout, null, {
      // https://vitepress.dev/guide/extending-default-theme#layout-slots
    })
  },
  async enhanceApp(ctx) {
    DefaultTheme.enhanceApp(ctx)
    ctx.app.component('demo-preview', ElementPlusContainer)
  }
} satisfies Theme
